<!-- <template>
    <el-carousel :interval="1500" type="card" style=" margin-left: 100px;" >
    <el-carousel-item v-for="item in imgList" :key="item.id">
      <img style="object-fit: scale-down; width: 100%; height: 100%;" :src="item.idView" class="image">
    </el-carousel-item>
  </el-carousel>
 </template> -->
 <template>
    <el-carousel indicator-position="outside">
      <el-carousel-item v-for="item in imgList" :key="item.id">
        <img style="object-fit: scale-down; width: 100%; height: 100%;" :src="item.idView" class="image">
      </el-carousel-item>
    </el-carousel>
  </template>
 <script>
    export default {
      name: '',
      data: function(){
        return {
         imgList:[
            {id:0,idView:require("@/assets/1.jpg")},
            {id:1,idView:require("@/assets/2.jpg")},
            {id:2,idView:require("@/assets/3.jpg")},
            {id:3,idView:require("@/assets/4.jpg")},
            {id:4,idView:require("@/assets/5.jpg")},
         ],
         screenWidth:0
        }
      },
      methods:{
      }
    }
 </script>
 <style scoped>
 .el-carousel__item h3 {
   display: flex;
   opacity: 0.75;
   line-height: 300px;
   margin: 0;
 }
 

 </style>